<template>
	<div class="block text-center">
		<el-carousel height="350px">
			<el-carousel-item class="" v-for="item in state.carouselList" :key="item">
				<el-image class="w-100% h-100%" :src="item" fit="scale-down" />
			</el-carousel-item>
		</el-carousel>
	</div>
</template>
<script setup lang="ts">
const state = reactive({
	carouselList: [
		'/public/img/carousel/8fa80e42-025e-49ac-ae8a-45957e923266.jpg',
		'/public/img/carousel/b59b141b063458c37217008d0e23772c.jpeg',
	],
})
</script>

<style scoped></style>
